<!doctype html>
<html>

	<head>
		<!-- 页面字符编码 -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title></title>

		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/comm.css" rel="stylesheet" />
		<link href="css/layout.css" rel="stylesheet" />
		<link href="css/iconfont.css" rel="stylesheet" />
	</head>

	<body style="background-color: #ff8587;">
		<!-- 头部 S-->
		<header class="mui-bar mui-bar-nav  mui-bar-bom mui-bar-white">
			<a class="iconfont icon-fanhui mui-pull-left"></a>
			<h1 class="mui-title mui-bar-title">邀请好友</h1>
		</header>
		<!-- 头部 E -->
		<div class="mui-content">
			<div class="mui-scroll-wrapper mscrollSet mui-scroll-top">
				<div class="mui-scroll">
					<div class="mui-invit-friends">
						<div class="mui-my-card">
							我的邀请码：
							<b>139 2957 4741</b>
							<img src="images/mui-cards.png" style="width: 175px;height: 175px;" />
							<p>扫一扫二维码，接受我的邀请 </p>
							<div class="bom">
								扫码分享，推荐有礼
							</div>
						</div>
						<div class="mcenter">
							<input type="submit" name="" id="mui-spend-id" value="邀请好友" />
						</div>

					</div>
				</div>
			</div>
		</div>
		<div class="mui-buy-bm">
			<img src="images/yq-bg.png" alt="" class="buy-img" />
		</div>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
		<script src="js/scroll-wrapper.js"></script>
		<script type="text/javascript">
			//点击邀请好友
			$("#mui-spend-id").click(function() {
				$(".mui-buy-bm").css("display") == ("none");
				$(".mui-buy-bm").show();

			});
			$(".mui-buy-bm").click(function() {
				$(".mui-buy-bm").hide();
			})
		</script>
	</body>

</html>